<%--
  Created by IntelliJ IDEA.
  User: yangyaru
  Date: 2022/4/8
  Time: 16:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻中心</title>
    <!-- 图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="/css/base.css" />
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="/css/common.css" />
    <link rel="stylesheet" href="/css/4.css" />
    <script src="/js/1.js" type="text/javascript"></script>
</head>
<body>
<!--头部开始-->
<div class="header">
    <div class="wrap">
        <ul class="header-left">
            <li>欢迎来到某某国际物流公司!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="#">登录</a><span>|</span></li>
            <li><a href="#">注册</a></li>
        </ul>
        <ul class="header-right">
            <li><img src="image/psdy.png" width="18px">24小时热线:400-1234-XXXX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="#">设为首页</a><span>|</span></li>
            <li><a href="#">加入收藏</a></li>
        </ul>
    </div>
</div>
<!--头部结束-->
<!--导航开始-->
<div class="nav" style="position: sticky;">
    <div class="wrap">
        <div class="logo">
            <img src="image/5ay2.png">
        </div>
        <div class="brand">
            <ul>
                <li>某某国际物流有限公司</li>
                <li style="font-size: 10px;">MARINE LOGISTICS CO LTD</li>
            </ul>
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="/page1" style="font-family: 宋体;font-size: 16px;">首页</a></li>
                <li><a href="/page2" style="font-family: 宋体;font-size: 16px;">关于我们</a></li>
                <li><a href="/page3" style="font-family: 宋体;font-size: 16px;">业务范围</a></li>
                <li><a href="/page6" style="font-family: 宋体;font-size: 16px;">新闻中心</a></li>
                <li><a href="/page8" style="font-family: 宋体;font-size: 16px;">网上下单</a></li>
                <li><a href="/page11" style="font-family: 宋体;font-size: 16px;">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--导航结束-->
<div class="demo01" style="background-image: url(/image/map-background.jpeg)"></div>
<div class="demo02" style="background: rgba(249,249,249,0.5);">
    <div class="day1" style="float: left;width: 35%;height: 60px">
        <a href="/page1" style="font-family: 微软雅黑;font-size: 13px;color: black;text-decoration: none;display: block;padding-top: 20px;padding-left: 100px;float: left">首页</a>
        <p style="font-family: 微软雅黑;font-size: 13px;color: black;float: left;padding-top: 20px">&nbsp;>>&nbsp;新闻中心</p>
    </div>
    <div class="day2" style="float: left;width: 65%;height: 60px;">
        <ul>
            <c:forEach begin="0" end="${newsClasses.size()-1}" var="i">

                <li style="float: left;list-style: none;margin-left: 100px;"><a href="/page6?newsClassId=${newsClasses[i].id}" style="display:block;width:120px;height:60px;text-decoration: none;color: #100f0f;font-family: 微软雅黑;font-size: 16px;"><span style="position:relative;top: 18px;left: 18px;">${newsClasses[i].name}</span></a></li>

            </c:forEach>
        </ul>

    </div>
    <!-- 新闻内容 -->
    <div class="w">
        <div class="kongbai">     </div>
        <div><h2>${news.name}</h2></div>
        <div class="detail">
            <span>来源：${news.source}</span>
            <span class="bianju"></span>
            <span>作者：${news.author}</span>
            <span class="bianju"></span>
            <span>发布时间: ${news.time}</span>
            <span class="bianju"></span>
            <span>${news.views} 次浏览</span>
            <span class="bianju"></span>
            <span>分享到:&nbsp;<a href="https://connect.qq.com/widget/shareqq/index.html?url=http%3A%2F%2Flogistics-400.view.websiteonline.cn%2Fpage7%3Farticle_id%3D23%26bsh_bid%3D5694732153&desc=%22%3F%3F%3F%3F%3F%3F%3F%3F%3F%3F2013%3F%3F%3F%3F%3F%3F%3F%3F%3F%3F%22%20%3F%3F%3F%3F&pics=&site=bshare" target="_blank" title="分享到QQ好友"><img src="./images/qq.png"></a><a href="javascript:alert(未实现)" title="分享到微信"><img src="./images/wx.png"></a><a href="https://service.weibo.com/share/share.php?url=http%3A%2F%2Flogistics-400.view.websiteonline.cn%2Fpage7%3Farticle_id%3D23&title=%E5%9B%BD%E5%AE%B6%E9%82%AE%E6%94%BF%E5%B1%80%E5%AE%A1%E8%AE%AE%E9%80%9A%E8%BF%87%E3%80%8A2013%E5%B9%B4%E5%BF%AB%E9%80%92%E5%B8%82%E5%9C%BA%E7%9B%91%E7%AE%A1%E6%8A%A5%E5%91%8A%E3%80%8B&content=utf-8#_loginLayer_1649792317570" target="_blank" title="分享到微博"><img src="./images/wb.png"></a></span>
        </div>
        <div class="main">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5月19日，国家邮政局局长马军胜主持召开2014年第8次局长办公会，审议并通过《2013年快递市场监管报告》（以下简称“报告”）。报告图文并茂地展示了2013年快递市场发展和监管概况。国家邮政局副局长*梅、刘君、邢小江出席会议。</p>
        </div>
        <div class="quanwen" style="width: 1000px">
            <p>${news.desc}</p>
        </div>
        <div class="kuaijie">
            <ul>
                <li><a href="/page10?id=${news.id-1}">上一篇：...</a></li>
                <li><a href="/page10?id=${news.id+1}" >下一篇：...</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>